<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的账户-我的邀请</title>
    <!--公共样式-->
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/my-account.css">
    <script src="js/jquery-1.8.2.js"></script>

    <!--公共js-->
    <script src="js/common.js"></script>
    <script src="js/my-account.js"></script>
</head>
<body>
<!--head开始-->
<div class="head">
    <!--顶头-->
    <div class="top-head">
        <div class="top-menu">
            <!--左边-->
            <div class="top-left">
                <p>客服热线: &nbsp;400-050-3015</p>
                <!--微信二维码-->
                <div class="mobile">
                    <p class="icc" id="wechat">
                        <i class="Wechat"></i>微信
                    </p>
                    <!--二维码-->
                    <div class="wecgat-rq">
                    </div>
                </div>
                <!--QQ客服-->
                <p class="icc"><a href="javascript:;" target="_blank"><i class="QQ"></i>客服</a></p>

            </div>
            <!--中间-->
            <div class="top-center">
                市场有风险 投资需谨慎
            </div>
            <!--右边-->
            <div class="top-right">
                <a target="_blank" href="enroll-1.html">快速注册</a>
                <a target="_blank" href="login.html">立即登录</a>
                <a target="_blank" href="help-center.html">帮助中心</a>
            </div>
        </div>
    </div>
    <!--LOGO及导航-->
    <div class="top-nav">
        <a href="index.html">
            <div class="logo"></div>
        </a>
        <div class="nav-list">
            <ul class="nav-list-ul">
                <li class="nav-lists"><a target="_blank" href="javascript:;" class="red">首页</a></li>
                <li class="nav-lists"><a target="_blank" href="invest.html">我要出借</a></li>
                <li class="nav-lists"><a target="_blank" href="borrow-money.html">我要借款</a></li>
                <li class="nav-lists arg-show" style="position: relative;">
                    <a target="_blank" href="javascript:;">信息披露</a>
                    <ul class="nav-hides">
                        <li class="nav-hides-list"><a href="operate.html">运营数据</a></li>
                        <li class="nav-hides-list"><a target="_blank" href="secure.html">安全保障</a></li>
                        <li class="nav-hides-list"><a href="business.html">业务模式</a></li>
                        <li class="nav-hides-list"><a target="_blank" href="anenst.html">关于我们</a></li>
                    </ul>
                </li>
                <li class="nav-lists tea-show" style="position: relative;">
                    <a target="_blank" href="javascript:;">出借人教育</a>
                    <ul class="nav-teach">
                        <li class="nav-teach-list"><a href="#">风险教育</a></li>
                        <li class="nav-teach-list"><a href="assess.html">风险评估</a></li>
                        <li class="nav-teach-list"><a href="supervise.html">监管法规</a></li>
                    </ul>
                </li>
                <li class="nav-lists"><a target="_blank" href="Beginners-Guide.html">新手引导</a></li>
                <li class="nav-lists"><a target="_blank" href="my-account.html" class="my-cons"><i class="my-con"></i>我的账户</a>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--head结束-->
<div class="bd clearfix">
    <div class="kong"></div>
    <!---->
    <!--面包屑导航-->
    <div class="crumbs" style="background-color:#f3f3f3">
        <span><a href="javascript:;" title="当前位置">当前位置：</a></span>
        <span><a href="index.html" target="_blank" title="首页">首页</a>&nbsp;&gt;&nbsp;</span>
        <span><a href="my-account.html" style="color: #F3270D" target="_blank" title="我的账户">我的账户</a></span>

    </div>
    <div class="center">
        <!--左侧导航-->
        <div class="nav-left">
            <ul class="my-list">
                <li class="my-own nav-one"><i class="accicon-l-1"></i><a href="my-account.html">账户首页</a></li>
                <li class="my-own my-fund-1"><i class="accicon-l-2"></i>我的资金 <i class="accicon-r-1"></i></li>
                <div class="my-rec-1">
                    <ul>
                        <li><a href="my-recharge.html">充值</a></li>
                        <li><a href="my-withdraw.html">提现</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-2"><i class="accicon-l-3"></i>我的投资 <i class="accicon-r-2"></i></li>
                <div class="my-rec-2">
                    <ul>
                        <li><a href="my-investment.html">投资记录</a></li>
                        <li><a href="my-financing.html">资金记录</a></li>
                        <li><a href="my-drawmoney.html">提现记录</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-3"><i class="accicon-l-4"></i>我的借款 <i class="accicon-r-3"></i></li>
                <div class="my-rec-3">
                    <ul>
                        <li><a href="my-borrowing.html">借款记录</a></li>
                        <li><a href="my-payments.html">回款记录</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-4"><i class="accicon-l-5"></i>个人设置 <i class="accicon-r-4"></i></li>
                <div class="my-rec-4">
                    <ul>
                        <li><a href="my-setdatum.html">基本信息</a></li>
                        <li><a href="my-setsecure.html">安全中心</a></li>
                    </ul>
                </div>
                <li class="my-own"><i class="accicon-l-6"></i> <i class="acc-add"></i><a href="my-invite.html" class="red">我的邀请</a></li>
                <li class="my-own"><i class="accicon-l-7"></i><a href="my-brokerage.html">我的佣金</a></li>
            </ul>
        </div>

        <!--右侧内容-->
        <div class="center-box">
            <!--温馨提示-->
            <div class="recharge">
                <div class="recharge-txt">
                    <h3><i class="wjx"></i>
                        温馨提示
                    </h3>
                    <p>1、邀请码用户是典贷通平台的星标投资人用户，邀请码共分A、B、C三级，顶级邀请码A的下级用户投资后自动
                        生成B级邀请码，B级邀请码的下级用户投资后自动生成C级邀请码，C级下面的用户为普通投资者，各级邀请码都
                        能获取自己下级用户相应投资比例佣金；</p>
                    <p>2、邀请码佣金比例以典贷通公司公告为准，解释权归北京市典贷通总部所有；</p>
                    <p>3、发送邀请码或直接发送邀请链接，邀请好友注册投资后，您将获得相应的返利，详见下面返利示例表。</p>
                </div>
                <!--邀请码-->
                <div class="Invitation-code">
                    <div class="Invitation-box">
                        <dl>
                            <dt>
                                <span>邀请码</span>
                                <span>等级</span>
                                <span>人数</span>
                            </dt>
                            <dd>
                                <span class="code700">DDT00125</span>
                                <span>A级</span>
                                <span>29</span>
                            </dd>

                        </dl>
                    </div>

                    <div class="copy-link">
                        <a href="javascript:;">复制邀请链接</a>
                    </div>

                </div>
                <!--%-->
                <div class="invite-nums">
                    <div class="fenlei">
                    </div>
                    <table>
                        <thead>
                        <tr>
                            <th class="grade">00.0</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                        </tr>
                        </thead>
                        <tr>
                            <td>
                                A
                            </td>
                            <td class="red">5‰</td>
                            <td class="red">2‰</td>
                            <td class="red">1‰</td>

                        </tr>
                        <tr>
                            <td>
                               B
                            </td>
                            <td></td>
                            <td class="red">3‰</td>
                            <td class="red">1‰</td>
                        </tr>
                        <tr>
                            <td>
                                C
                            </td>
                            <td></td>
                            <td></td>
                            <td class="red">3‰</td>
                        </tr>
                    </table>

                </div>
            </div>
            <!--我的邀请记录-->
            <div class="my-invitetake">
                <div class="invitetake-content">
                    <h2>投资记录<i></i></h2>
                    <div class="invitetake-box">
                        <!--搜索-->
                        <div class="invite-search">
                            <input type="text" value="王刚">
                            <select name="rank" class="rank">
                                <option value="">请选择级别</option>
                                <option value="1">A级</option>
                                <option value="2">B级</option>
                                <option value="3">C级</option>
                                <option value="4">D级</option>
                            </select>
                            <button>搜索</button>
                        </div>
                        <div class="invite-list">
                            <dl>
                                <dt>
                                    <span class="hail-fellow">好友</span>
                                    <span class="req-code">邀请码</span>
                                    <span class="invite-time">时间</span>
                                    <span class="invite-grade">级别</span>
                                </dt>
                                <!--模拟数据-->
                                <dd style="display: none">
                                    <span class="hail-fellow">15510525668</span>
                                    <span class="req-code">DDT00125</span>
                                    <span class="invite-time">2016-12-12 23:00:00</span>
                                    <span class="invite-grade">B级</span>
                                </dd>
                                <dd style="display: none">
                                    <span class="hail-fellow">15510525668</span>
                                    <span class="req-code">DDT00125</span>
                                    <span class="invite-time">2016-12-12 23:00:00</span>
                                    <span class="invite-grade">B级</span>
                                </dd>
                                <dd style="display: none">
                                    <span class="hail-fellow">15510525668</span>
                                    <span class="req-code">DDT00125</span>
                                    <span class="invite-time">2016-12-12 23:00:00</span>
                                    <span class="invite-grade">B级</span>
                                </dd>
                            </dl>
                            <div class="invite-none">
                                <div class="none-fellow">
                                    <div class="none-fellow-pic">
                                    </div>
                                    <p>暂无此好友</p>
                                    <p>您可以通过上面 <em>“复制邀请链接”</em>按钮来邀请好友呦~</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="my-invitetake-more">
                        <a href="javascript:;">查看更多</a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<!--右侧悬浮回到顶部-->
<div class="toolbar" id="rights" style="display: none">
    <a href="javascript:;" class="toolbar-item toolbar-item-weixin">
        <span class="toolbar-layer"></span>
    </a>
    <a href="Feedback.html" class="toolbar-item toolbar-item-feedback"></a>
    <a href="javascript:;" id="returnTop" class="toolbar-item toolbar-item-top"></a>
</div>
<!--footer开始-->
<div class="footer">
    <div class="foo-conter">
        <div class="foo-t">
            <div class="foo-top">
                <div class="foo-one">
                    <ul>
                        <li>
                            <a target="_blank" href="business.html">业务模式</a>
                            <a target="_blank" href="anenst.html">关于我们</a>
                        </li>
                        <li>
                            <a target="_blank" href="secure.html">安全保障</a>
                            <a target="_blank" href="help-center.html">常见问题</a>
                        </li>
                        <li>
                            <a target="_blank" href="Franchise-chain.html">连锁加盟</a>
                            <a target="_blank" href="Franchise-chain.html">合作伙伴</a>
                        </li>
                    </ul>
                </div>
                <div class="foo-two">
                    <p>客服邮箱：kefu@bjdiandaitong.com</p>
                    <p><i class="tel"></i><b>400-050-3015</b></p>
                    <p>工作日：09:00~18:00 - 节假日：09:00~18:00</p>
                </div>
                <div class="foo-three">
                    <p>微信扫一扫</p>
                    <i></i>
                </div>
            </div>
        </div>

        <div class="foo-f">
            <div class="foo-fotr">
                <p>©2015 北京市典贷通信息服务有限公司 京ICP备15026559号 &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.cnzz.com/stat/website.php?web_id=1255410260" title="站长统计"><em class=""><img src="http://icon.cnzz.com/img/pic.gif" alt=""></em></a></p>
                <p>北京市海淀区上地国际创业园2号院一号楼17层</p>
                <p>市场有风险 投资需谨慎</p>
                <div class="certification">
                    <a href="javascript:;"><i class="cer-1" title="诚信网站"></i></a>
                    <a href="javascript:;"><i class="cer-2" title="互联网金融行业认证"></i></a>
                    <a href="javascript:;"><i class="cer-3" title="行业认证"></i></a>
                    <a href="javascript:;"><i class="cer-4" title="360网站安全监测"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer结束-->
<script>
    /*隔行变色*/
    $(function () {
        $(".invite-list dd:odd").css("backgroundColor","#F9F9F9");
    })
</script>
</body>
</html>